{{!-- Licensed to the Apache Software Foundation (ASF) under one or more
contributor license agreements. See the NOTICE file distributed with
this work for additional information regarding copyright ownership. The
ASF licenses this file to You under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance with the
License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable
law or agreed to in writing, software distributed under the License is
distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied. See the License for the specific
language governing permissions and limitations under the License. --}}
{{#if description}}
    <div class="row">
        <div class="col-md-12">
            <p class="font-13">{{this.zoneModel.attributes.description}}</p>
        </div>
    </div>
{{/if}}
<div class="row">
    <div class="col-md-12">
        <div class="m-b-md card panel">
            <div class="card-header" data-id="panel">Zone Administrationss<i class="fa-fw fa fa-chevron-up pull-right"></i></div>
            <div class="card-body">
                <form class="form-horizontal form-administration">
                    <div class="form-group row">
                        <label class="control-label col-sm-3 text-right font-13" for="inputEmail">Admin Users</label>
                        <div class="controls col-sm-6">
                            {{#compare this.zoneModel.attributes.adminUsers "eq" ''}}
                                <span> -- </span>
                            {{else}}
                                {{#each this.zoneModel.attributes.adminUsers}}
                                    <span class="badge badge-info">{{this}}</span>
                                {{/each}}
                            {{/compare}}
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-sm-3 text-right font-13" for="inputEmail">Admin Usergroups</label>
                        <div class="controls col-sm-6">
                            {{#compare this.zoneModel.attributes.adminUserGroups "eq" ''}}
                                <span> -- </span>
                            {{else}}
                                {{#each this.zoneModel.attributes.adminUserGroups}}
                                    <span class="badge badge-secondary">{{this}}</span>
                                {{/each}}
                            {{/compare}}
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-sm-3 text-right font-13" for="inputEmail">Auditor Users</label>
                        <div class="controls col-sm-6">
                            {{#compare this.zoneModel.attributes.auditUsers "eq" ''}}
                                <span> -- </span>
                            {{else}}
                                {{#each this.zoneModel.attributes.auditUsers}}
                                    <span class="badge badge-info">{{this}}</span>
                                {{/each}}
                            {{/compare}}
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="control-label col-sm-3 text-right font-13" for="inputEmail">Auditor Usergroups</label>
                        <div class="controls col-sm-6">
                            {{#compare this.zoneModel.attributes.auditUserGroups "eq" ''}}
                                <span> -- </span>
                            {{else}}
                                {{#each this.zoneModel.attributes.auditUserGroups}}
                                    <span class="badge badge-secondary">{{this}}</span>
                                {{/each}}
                            {{/compare}}
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="m-b-md card panel">
    <div class="card-header" data-id="panel">Zone Tag Services <i class="fa-fw fa fa-chevron-up pull-right"></i></div>
    <div class="card-body">
        {{#if tagServices}}
            {{#each tagServices}}
                <span class="badge badge-info">{{this}}</span>
            {{/each}}
        {{else}}
            <span class="font-13"> No tag based services are associated with this zone </span>
        {{/if}}
    </div>
</div>